<div class="blade-content __large-wide ng-scope" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <form name="form" class="form"  [formGroup]="formGroup" novalidate>
        <div class="blade-static __bottom" *ngIf="currentBlade.isNew">
          <button class="btn" [disabled]="!formGroup.valid">创建</button>
        </div>

        <div class="column">


          <div class="form-group">
            <label class="form-label">菜单名称：</label>
            <div class="form-input">
              <input readonly="true" id="menuName" name="menuName" type="text" placeholder="输入菜单名称" autocomplete="off" formControlName="menuName">
            </div>
            <div *ngIf="formErrors.menuName" class="form-error">
              {{ formErrors.menuName }}
            </div>
          </div>

          <div class="form-group">
              <label class="form-label">是否显示</label>
              <div class="form-input" id="form-input-switch">
                <label class="form-label __switch">
                        <input type="checkbox" name="isShow" formControlName="isShow" class="ng-pristine ng-untouched ng-valid">                        
                        <span class="switch" ></span>
                    </label>
              </div>
            </div>
 
          <div class="form-group" [hidden]="disable" *ngIf="isShowMenuShortCuts">
            <label class="form-label">固定菜单</label>
            <div class="form-input" id="form-input-switch">
              <label class="form-label __switch">
                      <input type="checkbox" name="unMenuShortCuts" formControlName="unMenuShortCuts" class="ng-pristine ng-untouched ng-valid">
                      <span class="switch"></span>
                  </label>
            </div>
          </div>

        </div>



      </form>
    </div>
  </div>
</div>